<template>
  <div style="width:400px">
    <ocean :use="form"></ocean>
  </div>
</template>
<script lang="ts" setup>
import { useForm } from '@/ocean';
let form = useForm();
form.item('aaa', 'aaa', { rule: [{ required: true }] }).input();
form.item('bbb', 'bbb').input();
form.item('ccc', 'ccc').input();
form.item('ddd', 'ddd').input();

defineExpose({
  save() {
    form.validate();
    console.log(form.model)
  },
})
</script>